<template>
	<div class="m-song-bg" :style="{'background-image':'url(//music.163.com/api/img/blur/'+picUrl+')'}" style=" opacity: 1;">

	</div>
</template>

<script>
	export default {
		props: {
			picUrl: String
		}
	}
</script>

<style lang="scss">
	.m-song-bg {
		background-color: #161824;
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: auto 100%;
		transform: scale(1.5);
		transform-origin: center top;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		height: 100%;
		overflow: hidden;
		z-index: -1;
		transition: opacity .3s linear;
		z-index: 1;
	}

	.m-song-bg:before {
		content: " ";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		background-color: rgba(0, 0, 0, .5);
	}
</style>
